<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/template/template.xhtml">
	<ui:define name="head">
		<style>
#WrapProtectTimeLine {
	height: 100px;
	padding-top: 20px;
}
</style>

	</ui:define>
	<ui:define name="content">
		<div class='full-center-content-scroll-noheader'>
			<div class="row">
				<div id="WrapProtectTimeLine" class="col-sm-12 col-lg-12">
					<div id="protectTimeLine" style="height: 50px"></div>
				</div>
			</div>
			<div class="row">
							<div class="col-sm-12">
								<!-- USERS LIST -->
								<div class="info-box bg-blue">
									<span class="info-box-icon"><i class='icon ion-pie-graph'
										></i></span>
									<div class="info-box-content" >
										<ul> <li id="a_title" class="info-box-number"></li>
											<li id="a_li" class="info-box-text">全网公司范围内500kV及以上保护正确动作率（）,公司计划值（）</li>
											<li id="f_li" class="info-box-text">全网公司范围内500kV及以上故障快速切除率（）,公司计划值（）</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
			<div class="nav-tabs-custom">
				<ul class="nav nav-tabs pull-left">
					<li class="active"><a href="#totalCase" data-toggle="tab">年度分析</a></li>
					<li><a href="#detailedCase" id="detailedCaseTab"
						data-toggle="tab">月度分析</a></li>
				</ul>
				<div class="tab-content no-padding">
					<div class="chart tab-pane active" id="totalCase"
						style="position: relative">
						<div class="row">
							<div class="col-md-6">
								<div class="box box-primary">
									<div class="box-header with-border">
										<h3 class="box-title">各分、子公司保护正确动作率</h3>
									</div>
									<div class="box-body chart">
										<div id='CorrectAction' style="height: 450px"></div>
									</div>
								</div>

							</div>
							<div class="col-md-6">
								<div class="box box-primary">
									<div class="box-header with-border">
										<h3 class="box-title">各分、子公司故障快速切除率</h3>
									</div>
									<div class="box-body chart">
										<div id='FaultRemove' style="height: 450px"></div>
									</div>
								</div>

							</div>
						</div>
					</div>
					<div class="chart tab-pane" id="detailedCase"
						style="position: relative">
						<div class="row">
						<div id="WrapProtectMonthTimeLine" class="col-sm-12 col-lg-12">
							<div id="protectMonthTimeLine" style="height: 50px"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-6">
								<div class="box box-primary">
									<div class="box-header with-border">
										<h3 class="box-title">各分、子公司保护正确动作率</h3>
									</div>
									<div class="box-body chart">
										<div id='CorrectAction_M' style="height: 450px"></div>
									</div>
								</div>

							</div>
							<div class="col-md-6">
								<div class="box box-primary">
									<div class="box-header with-border">
										<h3 class="box-title">各分、子公司故障快速切除率</h3>
									</div>
									<div class="box-body chart">
										<div id='FaultRemove_M' style="height: 450px"></div>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</ui:define>
	<ui:define name="contentend">
		<script src="#{request.contextPath}/resources/plugins/echarts/echarts.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/timeline.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/radarChart.js"></script>
		<script src='stationEvaluation.js'></script>
	</ui:define>
</ui:composition>
